{% extends 'base.html' %}
{% block title %}
注册
{% endblock %}
{% block noon %}
<script src="/static/js/regist.js"></script>
{% if msg %}
	<script>
		$(function () {
			alert("{{ msg }}")
		})
	</script>
{% endif %}
<div class="registration-form">
	 <div class="container">
		 <ol class="breadcrumb">
		  <li><a href="/index.html">主页面</a></li>
		  <li class="active">注册</li>
		 </ol>
		 <h2>注册</h2>
		 <div class="col-md-6 reg-form">
			 <div class="reg">
				 <p>欢迎，请填写下列信息</p>
				 <form action="/register.html/" method="post" enctype="multipart/form-data">
					 {% csrf_token %}
					 <ul>
						 <li class="text-info">用户名: </li>
						 <li><input type="text" value="" name="useraccount"></li>
					 </ul>
					 <ul>
						 <li class="text-info">昵称: </li>
						 <li><input type="text" value="" name="username"></li>
					 </ul>				 

					 <ul>
						 <li class="text-info">密码: </li>
						 <li><input type="password" value="" name="password"></li>
					 </ul>
					 <ul>
						 <li class="text-info">确认密码:</li>
						 <li><input type="password" value="" name="trypassword"></li>
					 </ul>
					 <ul>
						 <li class="text-info">手机号:</li>
						 <li><input type="text" value="" name="phone"></li>
					 </ul>
                     <ul>
						 <li class="text-info">邮箱: </li>
						 <li><input type="text" value="" name="email"></li>
                         <li class="text-info"></li>
                         <li><input type="button" value="获取邮箱验证码" id="emailget"></li>
					 </ul>
					 <ul>
						 <li class="text-info">输入验证码:</li>
						 <li><input type="text" value="" name="yzm"></li>
					 </ul>
					 <ul>
						 <li class="text-info">头像上传</li>
						 <li><input type="file" name="userimg"></li>
					 </ul>
					 <input type="submit" name="submit" value="立即注册">
					 <p class="click">By clicking this button, you agree to my modern style <a href="#">Pollicy Terms and Conditions</a> to Use</p> 
				 </form>
			 </div>
		 </div>
		 <div class="col-md-6 reg-right">
			 <h3>Completely Free Accouent</h3>
			 <p>Pellentesque neque leo, dictum sit amet accumsan non, dignissim ac mauris. Mauris rhoncus, lectus tincidunt tempus aliquam, odio 
			 libero tincidunt metus, sed euismod elit enim ut mi. Nulla porttitor et dolor sed condimentum. Praesent porttitor lorem dui, in pulvinar enim rhoncus vitae. Curabitur tincidunt, turpis ac lobortis hendrerit, ex elit vestibulum est, at faucibus erat ligula non neque.</p>
			 <h3 class="lorem">Lorem ipsum dolor sit amet elit.</h3>
			 <p>Tincidunt metus, sed euismod elit enim ut mi. Nulla porttitor et dolor sed condimentum. Praesent porttitor lorem dui, in pulvinar enim rhoncus vitae. Curabitur tincidunt, turpis ac lobortis hendrerit, ex elit vestibulum est, at faucibus erat ligula non neque.</p>
		 </div>
		 <div class="clearfix"></div>		 
	 </div>
</div>
{% endblock %}
		